<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="#{facesContext.externalContext.context.contextPath}/resources/css/start/skin.css" rel="stylesheet" type="text/css" />
        <f:loadBundle basename="labels" var="labels"/>
        <f:loadBundle basename="messages" var="msgs"/>
        <title >
            <h:outputText value="#{labels.erpSolutions} I "/>
            <ui:insert name="title"/>
        
        </title>
        <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

    </h:head>

    <f:view contentType="text/html" id="view">
    <h:body style="background: #e4edd9">

        <p:growl id="msg" showDetail="true"/>

        <p:layout fullPage="true" >

            <p:layoutUnit id="top" style="margin: 0px" position="top" resizable="false" height="130" minHeight="100">
                <h:panelGrid columns="2" >
                    <h:column >
                        <h:form>
                        <p:commandLink action="invoice" ajax="false">
                                    <p:graphicImage value="#{facesContext.externalContext.context.contextPath}/../resources/images/logo.png" alt="" width="250" height="90"/>

                        </p:commandLink>
                        </h:form>
                    </h:column>
                </h:panelGrid>
   <h:form id="form">
    <p:menubar>
        <p:submenu label="Barca" labelStyleClass="barca">
            <p:menuitem value="Home" url="http://www.fcbarcelona.com"></p:menuitem>
        </p:submenu>

        <p:submenu label="File">
            <p:submenu>
                <f:facet name="label">
                    <p:menuitem value="New" icon="/images/new.png"/>
                </f:facet>
                <p:menuitem value="Project" url="#" helpText="CTRL+N"/>
                <p:menuitem value="Other" url="#" helpText="CTRL+O"/>
            </p:submenu>
            <p:menuitem value="Open" url="#" icon="/images/open.png" />
            <p:menuitem value="Quit" url="#"></p:menuitem>
        </p:submenu>

        <p:submenu label="Edit">
            <p:menuitem value="Undo" url="#" styleClass="undo"
                        helpText="CTRL+Z" icon="/images/undo.png"></p:menuitem>
            <p:menuitem value="Redo" url="#" styleClass="redo"
                        helpText="CTRL+Y" icon="/images/redo.png"></p:menuitem>
        </p:submenu>

        <p:submenu label="Help">
            <p:menuitem value="Contents" url="#"></p:menuitem>
            <p:submenu>
                <f:facet name="label">
                    <p:menuitem value="Search" icon="/images/search.png" />
                </f:facet>

                <p:submenu label="Text">
                    <p:menuitem value="Workspace" url="#" />
                </p:submenu>
                <p:menuitem value="File" url="#" />
            </p:submenu>
        </p:submenu>

        <p:submenu label="Actions">
            <p:submenu label="Ajax">
                <p:menuitem value="Save" update="messages"
                        actionListener="#{menuBean.save}" />
                <p:menuitem value="Update" update="messages"
                        actionListener="#{menuBean.update}" />
            </p:submenu>
            <p:submenu label="Non-Ajax">
                <p:menuitem value="Delete" update="messages" ajax="false"
                        actionListener="#{menuBean.delete}" />
            </p:submenu>
        </p:submenu>

        <p:submenu>
            <f:facet name="label">
                <p:menuitem value="Quit" url="http://www.primefaces.org" />
            </f:facet>
        </p:submenu>
    </p:menubar>

    <p:ajaxStatus style="width:16px;height:16px;">
        <f:facet name="start">
            <h:graphicImage value="../design/ajaxloading.gif" />
        </f:facet>

        <f:facet name="complete">
            <h:outputText value="" />
        </f:facet>
    </p:ajaxStatus>

</h:form>
         
            </p:layoutUnit>

            <p:layoutUnit id="bottom" position="bottom" height="40" zindex="0" scrollable="null">
                <h:outputText value="#{msgs.footer}" />
            </p:layoutUnit>

            <p:layoutUnit id="left" position="left" width="250" maxWidth="260" resizable="true" closable="true" collapsible="true" header="Options" minWidth="200">
                <ui:insert name="left" />
            </p:layoutUnit>


            <p:layoutUnit id="center" position="center" style="text-align:center;" scrollable="true">
                <ui:insert name="content" />

            </p:layoutUnit>

        </p:layout>

    </h:body>

</f:view>

</html>
